<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="./images/common.css" />
	<link rel="stylesheet" type="text/css" href="./images/home.css" />
	<link rel="stylesheet" href="./images/swiper-bundle.min.css" />
</head>
<body>
	<div class="container">
		<div class="header">
			<div class="more">
				<img src="./images/more.png" onclick="handleCollapse()">
			</div>
			<div class="logoBox">
				<img src="./images/logo.png" class="logo" >
				<img src="./images/header_bg.png" class="logoBg" >
				<!-- <a class="languageBtn" href="/en">English Version</a> -->
			</div>
			<div class="navContent">
				<div class="item activeItem">首页</div>
				<div class="item">研究方向</div>
				<div class="item">人员组成</div>
				<div class="item">论文专利</div>
				<div class="item">程序开发</div>
				<div class="item">友情链接</div>
			</div>
		</div>
		<div class="swiper">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<img src="./images/banner.png" alt="">
				</div>
				<div class="swiper-slide">
					<img src="./images/banner.png" alt="">
				</div>
			</div>
			<div class="swiper-pagination"></div>
		</div>
		<div class="oneBox">
			<div class="left">
				<div class="title">关于AI+疾病诊断</div>
				<div class="text">本课题组致力于计算机辅助药物分子设计方法和应用研究。采用分子模拟、人工智能、计算生物学和计算机辅助药物分子设计技术研究重要药物靶标的结构、功能及动态过程，并通过与化学/生物学实验的有机结合来加速药物分子的发现。本课题组主要的研究方向包括：基于人工智能的药物设计方法研究；基于物理方法的药物设计方法研究； 重要靶点的药物分子设计；基于多尺度分子模拟的靶标-配体识别作用机制研究。</div>
			</div>
			<div class="right">
				<img src="./images/introduce.png" alt="">
			</div>
		</div>
		<div class="twoBox">
			<div class="englishTitle">Main Research Directions</div>
			<div class="title">主要研究方向</div>
			<div class="list">
				<div class="item">
					<img src="./images/1.png" alt="">
					<div class="name">基于物理方法的药物设计方法研究</div>
				</div>
				<div class="item">
					<img src="./images/2.png" alt="">
					<div class="name">基于人工智能的药物设计方法研究</div>
				</div>
				<div class="item">
					<img src="./images/3.png" alt="">
					<div class="name">重要靶点的药物分子设计研究</div>
				</div>
				<div class="item">
					<img src="./images/4.png" alt="">
					<div class="name">基于多尺度分子模拟的靶标-配体识别作用机制研究</div>
				</div>
			</div>
		</div>
		<div class="threeBox">
			<div class="englishTitle">Welcome to join us</div>
			<div class="title">欢迎加入我们</div>
			<div class="text">
				热烈欢迎对药物设计、计算生物学、分子模拟及化学信息学感兴趣的本科<br/>生、研究生、博士后加入侯廷军教授课题组。
			</div>
			<img class="bg" src="./images/bg2.png" alt="">
		</div>
		<div class="footer">
			<div class="footerContent">
				<div class="left">
					<div class="title">联系我们</div>
					<div class="englishTitle">Contact us</div>
				</div>
				<div class="info">
					<div class="cell">
						<img src="./images/icon1.png" alt="">
						王冬海/张爱琴
					</div>
					<div class="cell">
						<img src="./images/icon2.png" alt="">
						哈尔滨理工大学新主楼4层102室
					</div>
				</div>
				<div class="info">
					<div class="cell">
						<img src="./images/icon3.png" alt="">
						+86-0517-86390643
					</div>
					<div class="cell">
						<img src="./images/icon4.png" alt="">
						wangdonghai@hgd.edu.cn / lidancps@zju.edu.cn 
					</div>
				</div>
			</div>
			<div class="footerContent" style="padding: 20px 0 8px 0 ;">
				<div class="info info1">
					<div class="cell" >Copyright © 2012-2024 侯廷军课题组版权所有</div>
				</div>
				<div class="info">
					<div class="cell">
						<img src="./images/icon5.png" alt="">
						主页总点击量：365271 次 </div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>
<script src="./images/swiper-bundle.min.js"></script>
<script>
	var swiper = new Swiper(".swiper", {
		pagination: {
			el: ".swiper-pagination"
		},
		autoplay:true
	})
	function handleCollapse () {
		let dom = document.getElementsByClassName('navContent')[0]
		document.getElementsByClassName('navContent')[0].style.height =  dom.offsetHeight > 1 ? '' : dom.children[0].offsetHeight * dom.children.length  + 'px'
	}
</script>